<template>
    <div class="header">
        城市选择
        <div class="back-arrow" @click="backHome">
            <span class="iconfont">&#xe624;</span>
        </div>
    </div>
</template>

<script>
    export default {
        name:'Header',

        methods: {
            backHome() {
                this.$router.back()
            }
        },
    }
</script>

<style lang='less' scoped>
@import url('~@/assets/styles/varibles.less');
.header {
    position: relative;
    height: @HeaderHight;
    line-height: @HeaderHight;
    text-align: center;
    color: #fff;
    font-size: .32rem;
    background-color: @BgColor;
}
.back-arrow {
    position: absolute;
    top: 0;
    left: .2rem;
}
</style>